<template>
  <div>
  <Header></Header>
  <router-view></router-view>
  <!-- 配置Footer组件显示和隐藏 -->
  <!-- 方法一----程序小就简单好用，很多网页要配置，代码就很繁琐 -->
  <!-- <Footer v-show="$route.path == '/home' || $route.path == '/search'"></Footer> -->
  <!-- 方法二----推荐，用到vue-router中的 元信息配置 -->
  <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>
import Header from './components/Header/index.vue'
import Footer from './components/Footer/index.vue'
export default {
  name: 'App',
  components: {
    Header,
    Footer
  },
  mounted(){
    //获取三级列表的代码存放地。因为app组件执行一次，正好适合吧获取数据的组件放这里，减少获取次数
    this.$store.dispatch("categoryList");
  }
}
</script>

<style>

</style>
